{% extends '_layout/base.html' %}
{% load i18n %}
{% load static %}

{% block pageTitle %}
  {% trans 'Data details' %}
{% endblock %}

{% block pageHeadExtra %} 
  <link href="{% static 'css/modal-dialog.css' %}" rel="stylesheet">
  <link href="{% static 'css/storage/data.css' %}" rel="stylesheet">
  <link href="{% static 'css/storage/show_data.css' %}" rel="stylesheet">
{% endblock %} 

{% block pageBody %}
    {% include 'basic/header.html' %}
  <div class="page container">


{#    <div class="top-right">#}
{#      <div class="btn-group">#}
{#        <button class="btn btn-default btn-sm btn-add-to-cart" #}
{#          data-id="{{meta.id}}" data-tid="{{meta.tid}}" data-title="{{meta.title}}"#}
{#          data-toggle="tooltip" data-placement="left" title="{% trans 'Add to download list' %}">#}
{#          <i class="fa fa-plus"></i>#}
{#        </button>#}
{#        <button class="btn btn-default btn-sm dropdown-toggle" type="button" data-toggle="dropdown">#}
{#          <i class="fa fa-download"></i>#}
{#          {% trans 'Export' %}#}
{#          <span class="caret"></span>#}
{#        </button>#}
{#        <ul class="dropdown-menu dropdown-menu-right">#}
{#          <li><a onclick="export_data('{{ meta.id }}', 'JSON')">JSON</a></li>#}
{#          <li><a onclick="export_data('{{ meta.id }}', 'XML')">XML</a></li>#}
{#          <li><a onclick="export_data('{{ meta.id }}', 'XLSX')">EXCEL</a></li>#}
{#        </ul>#}
{#      </div>#}
{#    </div>#}

    <h1 id="d-title">--</h1>

    <div class="dl-horizontal">
      <dt>{% trans 'Commit Datetime' %}</dt> <dd id="d-datetime">N/A</dd>
      <dt>{% trans 'Keywords' %}</dt> <dd id="d-keywords"></dd>
      <dt>{% trans 'Author' %}</dt> <dd id="d-author">N/A</dd>
      <dt>{% trans 'Abstract' %}</dt> <dd id="d-abstract">N/A</dd>
    </div>

    <div class="dividing dividing-fix"></div>

    <div id="data-content">
      <h3>{% trans 'Content' %}</h3>
      <div id="data-content-inner" style="padding: 4px;">
      </div>
    </div>
    <div class="dividing dividing-fix"></div>
    <div id="data-source">
      <h3>{% trans 'Source' %}</h3>
      <div class="dl-horizontal">
        <dt>{% trans 'Source' %}</dt> <dd id="d-src-src">N/A</dd>
        <dt>{% trans 'Project' %}</dt> <dd id="d-src-proj">N/A</dd>
        <dt>{% trans 'Reference' %}</dt> <dd id="d-src-ref">N/A</dd>
        <dt>{% trans 'Others' %}</dt> <dd id="d-src-others">N/A</dd>
      </div>
    </div>
    <div class="dividing dividing-fix"></div>
  </div>

    <div class="recommend">
        <div class="row">
            <div class="col-lg-2 col-md-2 hidden-xs hidden-sm">
            </div>
            <div class="col-lg-8 col-md-8 hidden-xs hidden-sm">
                <h4><b>{% trans 'Maybe you like them.' %}</b></h4>
                <div class="dividing dividing-fix"></div>
{#                <div class="row" id="first-scope" >#}
{##}
{#                </div>#}
{#                <div class="row" id="second-scope">#}
{##}
{#                </div>#}
                <div class="row" id="scope">

                </div>
            </div>
            <div class="col-lg-2 col-md-2 hidden-xs hidden-sm">
            </div>
        </div>
    </div>

{% include 'basic/footer.html' %}
{% endblock %}

{% block pageFootExtra %}
  <script src="{% static 'js/storage/storage.js' %}"></script>
  <script src="{% static 'js/storage/show_data.js' %}"></script>
{% endblock %}
